<template>
	<h2>{{ msg }}</h2>
	<!-- 点击这个按钮，将msg的字符反转过来 -->
	<!-- 反转的思路：将原始字符串拆分成字符数组，
	将数组元素反转，再次拼接成字符串 -->
	<button @click="reversMsg">逆转世界</button>
</template>

<script setup>
import { ref } from 'vue'
const msg = ref('Hello,World')
const reversMsg = () => {
	msg.value = msg.value.split('').reverse().join('')
}
</script>

<style scoped>
	
</style>